//设置一些elment公共样式
.el-dialog{  //配置对话框公共样式
    border-radius: var(--my-border-radius,3px) !important;
    overflow: hidden !important;
    margin-bottom: 1rem !important; 
    .el-dialog__header{
        height: 3.5rem;
        padding: 0;
        background: rgba(237, 239, 240, 0.43);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        box-sizing: content-box;
        position: relative;
        button{
            padding: 0;
            position: absolute !important;
            right: 1rem;
            top: auto;
            transition: all 0.2s;
            &:hover{
                transform: rotate(180deg);
                i{
                    color: #ff003c;
                    font-weight: bold;
                    font-size:1.5rem;
                }
            }
            *{
                display: flex;
                justify-content: center;
                align-items: center;
            }
            i{
                font-size: 1.3rem;
                color: #e7305b;
            }
        }
        .el-dialog__title{
            color: #36424e;
            font-size: 1.1rem;
            letter-spacing: 0.1rem;
            font-weight: bold;
            text-align: center;
        }
    }
    .el-dialog__body{
        padding: 1rem !important;
        padding-bottom: 0px !important;
    }
    .el-dialog__footer{
        padding: 0px 1rem 1rem;
    }
}
.el-button{ //按钮
    margin: 0;
    box-sizing: border-box;
    border-radius:var(--my-border-radius);
}
.el-table{
    // .cell{  //控制列表只显示一行
    //     width: 100% !important; 
    //     word-break:break-all !important;
    //     display:-webkit-box !important;
    //     -webkit-line-clamp:2 !important;
    //     -webkit-box-orient:vertical !important;
    //     overflow:hidden;
    // }
    border-radius:var(--my-border-radius);
    text-align:left;
    th{
        background-color: #f3f3f3;
        color: #292929;
    }
    td,th {
        text-align: left;
    }
    .text_left{
        text-align: left;
    }
    // &::before{
    //     display: none;
    // }
    // .el-table__fixed, .el-table__fixed-right{
    //     box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.122);
    // }
    // .el-table__fixed::before, .el-table__fixed-right::before{  //解决悬浮列有个下边框遮盖滚动条
    //     height: 0;
    // }
    // tr{
    //     >:last-child{
    //     border-right: none;
    //     }
    // }
    // tbody{
    //     >:last-child{
    //     td{
    //         border-bottom: none;
    //     }
    //     }
    // }
}
.el-tooltip__popper{  //控制气泡提示框最大宽度
    max-width: 19rem;
}
.el-tag{
    border-radius:var(--my-border-radius);
}
.el-input__inner{
    border-radius:var(--my-border-radius);
}
.el-textarea__inner{
    border-radius: var(--my-border-radius);
  }
.el-input-group__append, .el-input-group__prepend{
    border-radius:var(--my-border-radius);
    background-color: var(--my-theme-color);
    color: white;
    font-size: 1.2rem;
}
.el-pagination{
    padding: 0;
    margin-top: 1rem;
}
.el-tooltip__popper {
    border-radius: var(--my-border-radius);
}
.el-select-dropdown{
    border-radius: var(--my-border-radius);
}
//公共的message消息样式
.el-message {
    min-width: fit-content !important;
    border-radius: var(--my-border-radius) !important;
    padding: 1rem !important;
}